// IE > 6
.ytree {
  li { margin-left: 15px;}
  .a { color:#333; white-space: nowrap;
    &:hover { color: @green; text-decoration: none;}
  }

  .oc { display: inline-block; width: 10px; height: 10px; margin-right: 4px; vertical-align: 0px; }

  // branch
  .b > .oc {  background-image: url("@{slice}tree/fold.png"); }
  .b > ul { display: none; }

  .open {
    & > ul { display: block; }
    & > .oc { background-image: url("@{slice}tree/unfold.png"); }
  }

  .active {
    & > .a { color: @green; }
    & > .a:hover { cursor: default;}
  }
}

// IE < 8 不支持整行高亮
.ytree-wholerow { position: relative;
  li > .a, li > .oc { position: relative;}
  .bg { display: none; position: absolute; left: 0; box-sizing: border-box; width: 100%;}
  .hover > .bg {display: block; *display: none; cursor: pointer;}
  .active > .bg {display: block; *display: none; cursor: default;}
}
